<template>
  <div class="h-full">
    <div class="pt-5 float-left">
      <el-icon class="cursor-pointer" @click="setAside"><Menu /></el-icon>
    </div>
    <div class="float-right pt-2">
      <el-dropdown :hide-on-click="false">
        <span class="el-dropdown-link">
          <el-avatar
            src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
          />
        </span>
        <template #dropdown>
          <el-dropdown-menu>
            <el-dropdown-item>Action 1</el-dropdown-item>
            <el-dropdown-item>Action 2</el-dropdown-item>
            <el-dropdown-item>Action 3</el-dropdown-item>
            <el-dropdown-item disabled>Action 4</el-dropdown-item>
            <el-dropdown-item divided>Action 5</el-dropdown-item>
            <el-dropdown-item divided>Action 6</el-dropdown-item>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { useUserStore } from '/@/store'

const setAside = () => {
  useUserStore().setIsCollapse(!useUserStore().isCollapse)
}
</script>
